.pub_login {
    min-height: 100vh;
    background: url("@/static/aimg/img_1.png") top center no-repeat #fff;
    background-size: 100vw auto;

    .page_box {
        padding: 28vw 0 0 0;

        .logo_txt {
            padding: 220rpx 0 100rpx 0;
            background: url("@/static/aimg/img_2.png") top center no-repeat;
            background-size: 190rpx auto;

            .p_1 {
                font-size: 24rpx;
                color: #FFFFFF;
                line-height: 40rpx;
                text-align: center;
                letter-spacing: 14rpx;
            }
        }

        .cont_box {
            width: 100%;
            margin: 0 auto;
            min-height: calc(100vh - 24vw - 360rpx);
            padding: 50rpx 0;
            border-top-left-radius: 24rpx;
            border-top-right-radius: 24rpx;
            background-color: #fff;

            .tab_div {
                padding: 0 0 30rpx 0;
                margin-bottom: 20rpx;
                display: flex;
                justify-content: space-around;
                border-bottom: 1rpx solid #f8f8f8;

                .li {
                    line-height: 40rpx;
                    color: #333333;
                    font-size: 34rpx;
                    position: relative;
                }

                .li_active {
                    color: #E62017;
                }

                .li_active::before {
                    width: 100rpx;
                    height: 6rpx;
                    background-color: #E62017;
                    border-radius: 3rpx;
                    position: absolute;
                    bottom: -30rpx;
                    left: 50%;
                    margin: 0 0 0 -50rpx;
                    content: "";
                }
            }

            .input_div {
                width: 100%;

                .li {
                    border-bottom: 2rpx solid #f8f8f8;
                    padding: 44rpx 40rpx 44rpx 40rpx;
                    position: relative;
                    // height: 122rpx;
                    // margin: 40rpx 0;
                    display: flex;

                    .input {
                        height: 40rpx;
                        line-height: 40rpx;
                        font-size: 28rpx;
                        color: #030303;
                    }

                    .txt {
                        color: #333333;
                        font-size: 28rpx;
                        line-height: 40rpx;
                        height: 40rpx;
                        width: 90rpx;
                        margin-right: 40rpx;
                        text-align: justify;
                        text-align-last: justify;
                    }

                    .input_right_btn {
                        position: absolute;
                        right: 22rpx;
                        top: 50%;
                        margin: -30rpx 0 0 0;
                        height: 60rpx;
                        line-height: 60rpx;
                        font-size: 24rpx;
                        color: #576B95;
                        // background-color: #C90104;
                        border-radius: 30rpx;
                        width: 180rpx;
                        text-align: center;
                    }

                    .uni-input-placeholder,
                    .uni-textarea-placeholder {
                        color: #CCCCCC !important;
                        font-size: 28rpx;
                        font-weight: normal;
                    }
                }
            }

            .other_div {
                width: 100%;
                display: flex;
                justify-content: space-between;
                padding: 0 20rpx;

                .p {
                    color: #333333;
                    font-size: 24rpx;
                    line-height: 40rpx;
                }
            }
        }

        .ys_txt {
            margin-top: 20rpx;
            color: #999999;
            text-align: center;
            font-size: 24rpx;
            line-height: 40rpx;

            .icon-font-basic {
                font-size: 30rpx;
                margin: 0 10rpx 0 0;
            }

            .icon-b-select-6 {
                color: #E62017;
            }

            .txt {
                font-weight: bold;
                color: #576B95;
            }
        }

        .pub_btn {
            width: 90%;
        }
    }
}

.pub_register {

    .page_box {
        .cont_box {
            .cont_title {
                line-height: 60rpx;
                text-align: center;
                font-size: 40rpx;
                color: #E62017;
                font-weight: bold;
                margin-bottom: 30rpx;
            }
            .input_div {

                .li {
                    .txt {
                        width: 120rpx;
                    }
                }
            }
        }
    }

    .pub_dialog_register {
        .d_content {
            text-align: center;
        }
    }
}

.pub_find_psd {
    background: url("@/static/aimg/img_3.png") top center no-repeat #fff;
    background-size: 100vw auto;
    .page_box {
        padding: 10vw 0 0 0;
        .cont_box{
            min-height: unset;
        }
    }
}